<template>
  <div id="app">
    <!-- 调用getters的几种方式 -->
    <!-- 方式1: 原始形式 -->
    <div>原始形式 = {{ this.$store.getters.getList }}</div>

    <!-- 方式2: 通过辅助函数 -->
    <div>辅助函数形式: {{ getList }}</div>
    
  </div>
</template>

<script>
// 方式2 引入mapGetters辅助函数
import { mapGetters } from 'vuex'

export default {
  computed: {
    // 方式2 引入mapGetters辅助函数
    ...mapGetters(['getList'])
  }
}
</script>

<style>
</style>
